﻿<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title> Metro | Home 2 </title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Favicon -->
		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">  

        <!-- Normalize CSS --> 
        <link rel="stylesheet" href="css/normalize.css">

        <!-- Main CSS --> 
        <link rel="stylesheet" href="css/main.css">

        <!-- Bootstrap CSS --> 
        <link rel="stylesheet" href="css/bootstrap.min.css">
		
		<!-- Animate CSS --> 
		<link rel="stylesheet" href="css/animate.min.css">

		<!-- Font-awesome CSS-->
        <link rel="stylesheet" href="css/font-awesome.min.css">
		
		<!-- Flaticon CSS-->
		<link rel="stylesheet" type="text/css" href="css/font/flaticon.css"> 
		
		<!-- Owl Caousel CSS -->
		<link rel="stylesheet" href="css/owl.carousel.css">
		<link rel="stylesheet" href="css/owl.theme.css">
		<link rel="stylesheet" href="css/owl.transitions.css">
		
		<!-- Main Menu CSS-->		
        <link rel="stylesheet" href="css/meanmenu.min.css">
		
		<!-- Nivo Slider CSS-->
		<link rel="stylesheet" href="lib/custom-slider/css/nivo-slider.css" type="text/css" />
		<link rel="stylesheet" href="lib/custom-slider/css/preview.css" type="text/css" media="screen" />

		<!-- Select2 CSS -->
		<link rel="stylesheet" href="css/select2.min.css">
		
		<!-- Custom CSS -->
		<link rel="stylesheet" href="style.css">

		<!-- Switch Style CSS -->
    	<link rel="stylesheet" href="css/switch-style.css">
		
		<!-- Modernizr Js -->
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>

         


	   	<div class="wrapper-area">
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
	        <!-- Header Area Start Here -->
	        <header>
				<div class="header-area-style2" id="sticker">
					<div class="header-top">
						<div class="container">
							<div class="row">
								<div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
									<div class="account-wishlist">
										<ul>
											<li><a href="login-registration.html"><i class="fa fa-lock" aria-hidden="true"></i> Account</a></li>
											<li><a href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i> Wishlist</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-4 col-md-4 col-sm-2 hidden-xs">
									<div class="logo-area">
										<a href="index.html"><img class="img-responsive" src="img/logo.png" alt="logo"></a>
									</div>
								</div>  
								<div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
									<ul class="header-cart-area">
										<li class="header-search">
											<form>
												<input type="text" required="" placeholder="Search...." class="search-form">									
												<a class="search-button" href="#"><i aria-hidden="true" class="fa fa-search"></i></a>
											</form>
										</li>
										<li>
											<div class="cart-area">
												<a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span>2</span></a>
												<ul>
													<li>
														<div class="cart-single-product">
															<div class="media">
																<div class="pull-left cart-product-img">
																	<a href="#">
																		<img class="img-responsive" alt="product" src="img/best-seller/4.jpg">
																	</a>
																</div>
																<div class="media-body cart-content">
																	<ul>
																		<li>
																			<h1><a href="#">Product Title Here</a></h1>
																			<h2><span>Code:</span> STPT600</h2>
																		</li>
																		<li>
																			<p>X 1</p>
																		</li>
																		<li>
																			<p>$49</p>
																		</li>
																		<li>
																			<a class="trash" href="#"><i class="fa fa-trash-o"></i></a>
																		</li>
																	</ul>
																</div>
															</div>
														</div>
													</li>
													<li>
														<div class="cart-single-product">
															<div class="media">
																<div class="pull-left cart-product-img">
																	<a href="#">
																		<img class="img-responsive" alt="product" src="img/best-seller/5.jpg">
																	</a>
																</div>
																<div class="media-body cart-content">
																	<ul>
																		<li>
																			<h1><a href="#">Product Title Here</a></h1>
																			<h2><span>Code:</span> STPT460</h2>
																		</li>
																		<li>
																			<p>X 1</p>
																		</li>
																		<li>
																			<p>$75</p>
																		</li>
																		<li>
																			<a class="trash" href="#"><i class="fa fa-trash-o"></i></a>
																		</li>
																	</ul>
																</div>
															</div>
														</div>
													</li>
													<li>
														<span><span>Sub Total</span></span><span>$124</span>
														<span><span>Discount</span></span><span>$30</span>
														<span><span>Vat(20%)</span></span><span>$18.8</span>
														<span><span>Sub Total</span></span><span>$112.8</span>
													</li>
													<li>
														<ul class="checkout">
															<li><a href="cart.html" class="btn-checkout"><i class="fa fa-shopping-cart" aria-hidden="true"></i>View Cart</a></li>
															<li><a href="check-out.html" class="btn-checkout"><i class="fa fa-share" aria-hidden="true"></i>Checkout</a></li>
														</ul>
													</li>
												</ul>
											</div>
										</li>
										<li>
											<div class="additional-menu-area" id="additional-menu-area">
												<div id="mySidenav" class="sidenav">
													<a href="#" class="closebtn">×</a>
													<div class="sidenav-search">
														<div class="input-group stylish-input-group">
										                    <input type="text" placeholder="Search Here . . ." class="form-control">
										                    <span class="input-group-addon">
										                        <button type="submit">
										                            <span class="glyphicon glyphicon-search"></span>
										                        </button>  
										                    </span>
										                </div>
													</div>
													<ul class="sidenav-login-registration">
														<li  data-toggle="collapse" data-target="#login" class="collapsed">
											              <a href="#">Login<span class="arrow"></span></a>
											            <div class="collapse" id="login">
															<div class="login-registration-field">
															    <form method="post">
															        <label>Username or email address *</label>
															        <input type="text">
															        <label>Password *</label>
															        <input type="password">
															        <button value="Login" type="submit" class="btn-side-nav disabled">Login</button>
															    </form>
															</div>
											            </div>
											        </li>
											            <li  data-toggle="collapse" data-target="#registration" class="collapsed">
											              <a href="#">Registration<span class="arrow"></span></a>
											            <div class="collapse" id="registration">
															<div class="login-registration-field">
															    <form method="post">
															    	<label>User Name*</label>
															        <input type="text">
															        <label>E-mail address *</label>
															        <input type="email">
															        <label>Password *</label>
															        <input type="password">
															        <button value="Login" type="submit" class="btn-side-nav disabled">Register</button>
															    </form>
															</div>
											            </div>
											        </li>
													</ul>
													<h3 class="ctg-name-title">Category Name List</h3>
													<ul class="sidenav-nav">
														<li><a href="shop1.html"><i class="flaticon-dress-1"></i>Women</a></li>
														<li><a href="shop2.html"><i class="flaticon-polo"></i>Men</a></li>
														<li><a href="shop3.html"><i class="flaticon-plug"></i>Electornics</a></li>
														<li><a href="shop4.html"><i class="flaticon-necklace"></i>Jewellery</a></li>
														<li><a href="shop5.html"><i class="flaticon-screen"></i>Computer</a></li>
														<li><a href="shop6.html"><i class="flaticon-headphones"></i>Head Phone</a></li>
														<li><a href="shop7.html"><i class="flaticon-transport"></i>Toys</a></li>
														<li><a href="shop1.html"><i class="flaticon-fashion"></i>Shoes</a></li>
														<li><a href="shop2.html"><i class="flaticon-dress"></i>Kid’s Wear</a></li>
														<li><a href="shop3.html"><i class="flaticon-technology"></i>Mobile</a></li>
													</ul><!-- times-->
												</div>
												<span class="side-menu-open side-menu-trigger"><i class="fa fa-bars" aria-hidden="true"></i></span>
											</div>  
										</li>
									</ul>
								</div> 
							</div>
						</div>
					</div>
					<div class="header-bottom">
						<div class="container">
							<div class="row"> 
								<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
									<div class="logo-area">
										<a href="index.html"><img class="img-responsive" src="img/logo2.png" alt="logo"></a>
									</div>
									<div class="main-menu-area home2-sticky-area">
										<nav>
											<ul>
												<li class="active"><a href="#">Home</a>
													<ul>
														<li><a href="index.html">Home 1</a></li>
														<li><a class="active" href="index2.html">Home 2</a></li>
														<li><a href="index3.html">Home 3</a></li>
														<li><a href="index4.html">Home 4</a></li>
													</ul>
												</li>                               
												<li><a href="shop7.html">Fashion</a></li>
												<li><a href="shop3.html">Electornics</a></li>
												<li><a href="shop4.html">Jewellery</a></li>
												<li><a href="#">Blog</a>
													<ul>
														<li><a href="blog.html">Blog</a></li>
														<li><a href="single-blog.html">Single Blog</a></li>
													</ul>	
												</li>											
												<li><a href="#">Pages</a>
													<ul class="mega-menu-area">
														<li>
															<a href="index.html">Home 1</a>
															<a href="index2.html">Home 2</a>
															<a href="index3.html">Home 3</a>
															<a href="index4.html">Home 4</a>
														</li>	
														<li>
															<a href="about.html">About Us</a>
															<a href="blog.html">Blog</a>
															<a href="single-blog.html">Single Blog 2</a>
															<a href="portfolio1.html">Portfolio 1</a>
														</li>	
														<li>
															<a href="portfolio2.html">Portfolio 2</a>
															<a href="wishlist.html">Wishlist</a>
															<a href="shop1.html">Shop 1</a>
															<a href="shop2.html">Shop 2</a>
														</li>
														<li>
															<a href="shop3.html">Shop 3</a>
															<a href="shop4.html">Shop 4</a>
															<a href="shop5.html">Shop 5</a>
															<a href="shop6.html">Shop 6</a>
														</li>
														<li>
															<a href="shop7.html">Shop 7</a>
															<a href="product-details1.html">Product Details 1</a>
															<a href="product-details2.html">Product Details 2</a>
															<a href="login-registration.html">Login Registration</a>
														</li>
														<li>
															<a href="cart.html">Cart</a>
															<a href="check-out.html">Check Out</a>
															<a href="404.html">404</a>
															<a href="contact.html">Contact</a>
														</li>	
													</ul>							
												</li> 
												<li><a href="#">About</a></li>
												<li><a href="contact.html">Contact</a></li>
											</ul>
										</nav>
									</div>
								</div> 
							</div>
						</div>
						<!-- Mobile Menu Area Start Here -->
						<div class="mobile-menu-area">
							<div class="container">
								<div class="row">
									<div class="col-md-12">
										<div class="mobile-menu">
											<nav id="dropdown">
												<ul>
													<li class="active"><a href="#">Home</a>
														<ul>
															<li><a href="index.html">Home 1</a></li>
															<li><a href="index2.html">Home 2</a></li>
															<li><a href="index3.html">Home 3</a></li>
															<li><a href="index4.html">Home 4</a></li>	
														</ul>	
													</li>
													<li><a href="about.html">About</a></li>
													<li><a href="#">Blog</a>
														<ul>
															<li><a href="blog.html">Blog</a></li>
															<li><a href="single-blog.html">Single Blog</a></li>
														</ul>	
													</li>
													<li><a href="#">Portfolio</a>
														<ul>
															<li><a href="portfolio1.html">Portfolio 1</a></li>
															<li><a href="portfolio2.html">Portfolio 2</a></li>
														</ul>	
													</li>
													<li><a href="#">Shop</a>
														<ul>
															<li><a href="shop1.html">Shop 1</a></li>
															<li><a href="shop2.html">Shop 2</a></li>
															<li><a href="shop3.html">Shop 3</a></li>
															<li><a href="shop4.html">Shop 4</a></li>
															<li><a href="shop5.html">Shop 5</a></li>
															<li><a href="shop6.html">Shop 6</a></li>
															<li><a href="shop7.html">Shop 7</a></li>
															<li><a href="product-details1.html">Shop Details 1</a></li>
															<li><a href="product-details2.html">Shop Details 2</a></li>
														</ul>	
													</li>
													<li><a href="#">Pages</a>
														<ul>
															<li><a href="login-registration.html">Login Registration</a></li>
															<li><a href="cart.html">Cart</a></li>
															<li><a href="wishlist.html">Wishlist</a></li>
															<li><a href="check-out.html">Check Out</a></li>
															<li><a href="404.html">404</a></li>	
														</ul>											
													</li> 
													<li><a href="contact.html">Contact</a></li>
												</ul>
											</nav>
										</div>          
									</div>
								</div>
							</div>
						</div>
						<!-- Mobile Menu Area End Here -->
					</div>	
				</div>	
	        </header>
	        <!-- Header Area End Here -->
	        <!-- Slider Area Start Here -->
			<div class="main-slider2">
				<div class="bend niceties preview-1">
					<div id="ensign-nivoslider-3" class="slides">	
						<img src="img/slider-2/1.jpg" alt="" title="#slider-direction-1"  />
						<img src="img/slider-2/3.jpg" alt="" title="#slider-direction-3"  />
					</div>
					<div id="slider-direction-1" class="t-cn slider-direction">
						<div class="slider-content t-lfl s-tb slider-1">
							<div class="title-container s-tb-c">
								<h1 class="title1">Start Your <br><span>Shopping</span> Today</h1>
								<p>Smply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p>
								<p>industry's standard dummy text ever since.</p>
								<a href="#" class="btn-shop-now-fill-slider">View Collections</a>
							</div>
						</div>
					</div>
					<div id="slider-direction-3" class="slider-direction">
						<div class="slider-content t-lfr s-tb slider-3">
							<div class="title-container s-tb-c">
								<h1 class="title1"><span>New Collection</span> Is <br>Available Here</h1>
								<p>Smply dummy text of the printing and typesetting industry. Lorem Ipsum has been the</p>
								<p>industry's standard dummy text ever since.</p>
								<a href="#" class="btn-shop-now-fill-slider">View Collections</a>
							</div>
						</div>
					</div>
				</div>	
			</div> 
			<!-- Slider Area End Here -->
			<!-- Services2 Area Start Here -->
			<div class="services2-area">
				<div class="container-fluid">
					<div class="row">                         
						<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
							<div class="services2-box">
								<div class="services2-box-content">
									<span>New Collection</span>
									<h2><a href="#">Men Wear</a></h2>
									<a href="#" class="btn-services-shop-now">Shop now</a>
								</div>
								<a href="#"><img src="img/services/home2-services1.jpg" alt="services"></a>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
							<div class="services2-box">
								<div class="services2-box-content">
									<span>New Collection</span>
									<h2><a href="#">Women Wear</a></h2>
									<a href="#" class="btn-services-shop-now">Shop now</a>
								</div>
								<a href="#"><img src="img/services/home2-services2.jpg" alt="services"></a>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
							<div class="services2-box">
								<div class="services2-box-content">
									<span>New Collection</span>
									<h2><a href="#">Casual Bag</a></h2>
									<a href="#" class="btn-services-shop-now">Shop now</a>
								</div>
								<a href="#"><img src="img/services/home2-services3.jpg" alt="services"></a>
							</div>
						</div>
					</div>  
				</div>  
			</div>  
			<!-- Services Area End Here -->	
			<!-- Featured Products Area End Here -->	
			<div class="featured-products-area">
				<div class="container"> 
					<div class="row">                         
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<h2 class="title-carousel">Featured Products</h2>
						</div>
					</div> 
					<div class="row">
						<div class="featured-products-carousel3 carousel-margin" id="featured-products-carousel3">
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/15.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$88.00</span>
								</div>
							</div>
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/13.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$88.00</span>
								</div>
							</div>
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/12.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$88.00</span>
								</div>
							</div>
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/16.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$88.00</span>
								</div>
							</div>
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/9.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$88.00</span>
								</div>
							</div>
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/3.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$88.00</span>
								</div>
							</div>
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/8.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span><span>$58.00</span>$40.00</span>
								</div>
							</div>
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<div class="hot-sale">
										<span>Sale</span>
									</div>
									<a href="#"><img src="img/product/17.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span><span>$74.00</span>$50.00</span>
								</div>
							</div>
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<div class="hot-sale">
										<span>Hot</span>
									</div>
									<a href="#"><img src="img/product/14.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$88.00</span>
								</div>
							</div>
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<div class="hot-sale">
										<span>New</span>
									</div>
									<a href="#"><img src="img/product/4.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$58.00</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Featured Products Area End Here -->
			<!-- Offer Area 1 Start Here -->
			<div class="offer-area1 hidden-after-desk">
				<div class="container">
					<div class="row"> 
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
							<div class="brand-area-box-l">
								<span>Winter Collection</span>
								<h2>50% Off</h2>
								<p>Sale Going On</p>
								<a href="#" class="btn-shop-now-fill">Shop Now</a>
							</div>
						</div> 
						<div id="countdown"></div>
						<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
							<div class="brand-area-box-r">
								<a href="#"><img src="img/offer.png" alt="offer"></a>
							</div>
						</div> 
					</div>  
				</div>  
			</div>  
			<!-- Offer Area 1 End Here -->
			<!-- Product Area Start Here -->
			<div class="product-area padding-top-0-after-desk">
				<div class="container" id="home-isotope">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<div class="isotop-classes-tab myisotop1"> 
								<a href="#" data-filter=".on-sale" class="current">On Sale</a>
								<a href="#" data-filter=".popular">Popular</a>
							</div>
						</div>
					</div> 
					<div class="row featuredContainer">
						<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 on-sale">
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/3.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span><span>$40.00</span>$25.00</span>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 popular on-sale">
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<div class="hot-sale">
										<span>Sale</span>
									</div>
									<a href="#"><img src="img/product/4.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$70.00</span>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 on-sale popular">
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/8.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span><span>$75.00</span>$59.00</span>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6  on-sale popular">
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<div class="hot-sale">
										<span>Hot</span>
									</div>
									<a href="#"><img src="img/product/9.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span><span>$79.00</span>$66.00</span>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 popular on-sale">
							<div class="product-box1">								
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<div class="hot-sale">
										<span>Sale</span>
									</div>
									<a href="#"><img src="img/product/12.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span><span>$90.00</span>$79.00</span>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 on-sale">
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<div class="hot-sale">
										<span>Sale</span>
									</div>
									<a href="#"><img src="img/product/13.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$46.00</span>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 on-sale">
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<a href="#"><img src="img/product/14.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$35.00</span>
								</div>
							</div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 on-sale popular">
							<div class="product-box1">
								<ul class="product-social">
									<li><a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i></a></li>
									<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>
									<li><a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-eye" aria-hidden="true"></i></a></li>
								</ul>
								<div class="product-img-holder">
									<div class="hot-sale">
										<span>New</span>
									</div>
									<a href="#"><img src="img/product/15.jpg" alt="product"></a>
								</div>
								<div class="product-content-holder">
									<h3><a href="#">Product Title Here</a></h3>
									<span>$58.00</span>
								</div>
							</div>
						</div>
					</div>
				</div>  
			</div>  
			<!-- Product Area End Here -->
			<!-- Blog2 Area Start Here -->
			<div class="blog2-area">
				<div class="container">
					<div class="row">                         
						<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
							<h2 class="title-carousel">Latest Blog</h2>
						</div>
					</div> 
					<div class="row">                         
						<div class="blog-carousel carousel-margin" id="blog-carousel">                         
							<div class="blog-box">
								<a href="#"><span><i class="fa fa-chevron-right" aria-hidden="true"></i></span></a>
								<div class="blog-img-holder">
									<div class="post-date">
										<span>25 June</span>
									</div>
									<a href="#"><img src="img/blog/1.jpg" alt="blog"></a>
								</div>
								<div class="blog-content-holder">
									<h3><a href="#">Blog Title Goes Here</a></h3>
									<ul class="solid-underline">
										<li><span>by</span> Admin</li>
										<li>Comments (03)</li>
									</ul>
									<p>Simply dummy text of the printing and typety esetting industryr drem Ipsum has been thety standard dummy since.</p>
								</div>
							</div>
							<div class="blog-box">
								<a href="#"><span><i class="fa fa-chevron-right" aria-hidden="true"></i></span></a>
								<div class="blog-img-holder">
									<div class="post-date">
										<span>25 June</span>
									</div>
									<a href="#"><img src="img/blog/2.jpg" alt="blog"></a>
								</div>
								<div class="blog-content-holder">
									<h3><a href="#">Blog Title Goes Here</a></h3>
									<ul class="solid-underline">
										<li><span>by</span> Admin</li>
										<li>Comments (03)</li>
									</ul>
									<p>Simply dummy text of the printing and typety esetting industryr drem Ipsum has been thety standard dummy since.</p>
								</div>
							</div>
							<div class="blog-box">
								<a href="#"><span><i class="fa fa-chevron-right" aria-hidden="true"></i></span></a>
								<div class="blog-img-holder">
									<div class="post-date">
										<span>25 June</span>
									</div>
									<a href="#"><img src="img/blog/3.jpg" alt="blog"></a>
								</div>
								<div class="blog-content-holder">
									<h3><a href="#">Blog Title Goes Here</a></h3>
									<ul class="solid-underline">
										<li><span>by</span> Admin</li>
										<li>Comments (03)</li>
									</ul>
									<p>Simply dummy text of the printing and typety esetting industryr drem Ipsum has been thety standard dummy since.</p>
								</div>
							</div>
							<div class="blog-box">
								<a href="#"><span><i class="fa fa-chevron-right" aria-hidden="true"></i></span></a>
								<div class="blog-img-holder">
									<div class="post-date">
										<span>25 June</span>
									</div>
									<a href="#"><img src="img/blog/1.jpg" alt="blog"></a>
								</div>
								<div class="blog-content-holder">
									<h3><a href="#">Blog Title Goes Here</a></h3>
									<ul class="solid-underline">
										<li><span>by</span> Admin</li>
										<li>Comments (03)</li>
									</ul>
									<p>Simply dummy text of the printing and typety esetting industryr drem Ipsum has been thety standard dummy since.</p>
								</div>
							</div>
							<div class="blog-box">
								<a href="#"><span><i class="fa fa-chevron-right" aria-hidden="true"></i></span></a>
								<div class="blog-img-holder">
									<div class="post-date">
										<span>25 June</span>
									</div>
									<a href="#"><img src="img/blog/2.jpg" alt="blog"></a>
								</div>
								<div class="blog-content-holder">
									<h3><a href="#">Blog Title Goes Here</a></h3>
									<ul class="solid-underline">
										<li><span>by</span> Admin</li>
										<li>Comments (03)</li>
									</ul>
									<p>Simply dummy text of the printing and typety esetting industryr drem Ipsum has been thety standard dummy since.</p>
								</div>
							</div>
							<div class="blog-box">
								<a href="#"><span><i class="fa fa-chevron-right" aria-hidden="true"></i></span></a>
								<div class="blog-img-holder">
									<div class="post-date">
										<span>25 June</span>
									</div>
									<a href="#"><img src="img/blog/3.jpg" alt="blog"></a>
								</div>
								<div class="blog-content-holder">
									<h3><a href="#">Blog Title Goes Here</a></h3>
									<ul class="solid-underline">
										<li><span>by</span> Admin</li>
										<li>Comments (03)</li>
									</ul>
									<p>Simply dummy text of the printing and typety esetting industryr drem Ipsum has been thety standard dummy since.</p>
								</div>
							</div>
						</div> 
					</div> 
				</div>  
			</div>  
			<!-- Blog2 Area End Here -->
			<!-- Advantage Area Start Here -->
			<div class="advantage3-area">
				<div class="container">
					<div class="row">                         
						<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
							<div class="advantage-area-box">
								<div class="advantage-area-box-icon">
									<a href="#"><i class="flaticon-truck"></i></a>
								</div>
								<div class="advantage-area-box-content">
									<h3>FREE SHIPPING WORLDWIDE</h3>
									<p>On All Orders Of USD $50</p>
								</div>
							</div>
						</div> 
						<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
							<div class="advantage-area-box">
								<div class="advantage-area-box-icon">
									<a href="#"><i class="flaticon-headphones"></i></a>										
								</div>
								<div class="advantage-area-box-content">
									<h3>24/7 CUSTOMER SERVICE</h3>
									<p>Get Help When You Need It</p>
								</div>
							</div>
						</div> 
						<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
							<div class="advantage-area-box">
								<div class="advantage-area-box-icon">
									<a href="#"><i class="flaticon-reload"></i></a>
								</div>
								<div class="advantage-area-box-content">
									<h3>100% MONEY BACK</h3>
									<p>30 Day Money Back Guarantee.</p>
								</div>
							</div>
						</div>
					</div>  
				</div>  
			</div>  
			<!-- Advantage Area End Here -->	
			<!-- Footer Area Start Here -->
	        <footer>
				<div class="footer-area">
					<div class="footer-area-top">
						<div class="container">
							<div class="row">
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>Information</h3>
										<ul class="info-list">
											<li><a href="about.html">About us</a></li>
											<li><a href="#">Customer Service</a></li>
											<li><a href="#">Manufacturers</a></li>
											<li><a href="#">Privacy policy</a></li>
											<li><a href="#">Terms & condition</a></li>
											<li><a href="blog.html">Blog</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>My Account</h3>
										<ul class="info-list">
											<li><a href="login-registration.html">My Account</a></li>
											<li><a href="login-registration.html">Login</a></li>
											<li><a href="wishlist.html">Order History</a></li>
											<li><a href="wishlist.html">Wish List</a></li>
											<li><a href="cart.html">View Cart</a></li>
											<li><a href="blog.html">Latest Post</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>Product Tag</h3>
										<ul class="tag-list">
											<li><a href="#">Winter</a></li>
											<li><a href="#">Fashion</a></li>
											<li><a href="#">Bag</a></li>
											<li><a href="#">Denime</a></li>
											<li><a href="#">Summer Style</a></li>
											<li><a href="#">Leather</a></li>
											<li><a href="#">Dress</a></li>
											<li><a href="#">Dress</a></li>
											<li><a href="#">Summer Style</a></li>
											<li><a href="#">Leather</a></li>
										</ul>
									</div>
								</div>
								<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
									<div class="footer-box">
										<h3>Stay With Us</h3>
										<p>Tmply dummy text of the printing and typesetting industry nummy ever.</p>
										<ul class="footer-social">
											<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
										</ul>										
										<div class="newsletter-area">
											<h3>NewsLetter Sign Up!</h3>
											<div class="input-group stylish-input-group">
							                    <input type="text" class="form-control" placeholder="E-mail . . .">
							                    <span class="input-group-addon">
							                        <button type="submit">
							                            <i class="fa fa-chevron-right" aria-hidden="true"></i>
							                        </button>  
							                    </span>
							                </div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="footer-area-bottom">
						<div class="container">
							<div class="row">
								<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
									<p>© 2016 Metro All Rights <a href="http://www.bootstrapmb.com/">Reserved</a>. Designed by<a href="" target="_blank"> RadiusTheme</a></p>
								</div>
								<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
									<ul class="payment-method">
										<li><a href="#"><img src="img/payment-method1.jpg" alt="payment-method"></a></li>
										<li><a href="#"><img src="img/payment-method2.jpg" alt="payment-method"></a></li>
										<li><a href="#"><img src="img/payment-method3.jpg" alt="payment-method"></a></li>
										<li><a href="#"><img src="img/payment-method4.jpg" alt="payment-method"></a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
	        </footer>
	        <!-- Footer Area End Here -->
		</div>
		<!-- Modal Dialog Box Start Here-->
		<div id="myModal" class="modal fade" role="dialog">
		  	<div class="modal-dialog">		 
				<div class="modal-body">
					<button type="button" class="close myclose" data-dismiss="modal">&times;</button>
					<div class="product-details1-area">
		        		<div class="product-details-info-area">
							<div class="row">
								<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
									<div class="inner-product-details-left">
										<div class="tab-content">
											<div id="related1" class="tab-pane fade active in">
												<a class="zoom ex1" href="#"><img class="img-responsive" src="img/product/product-details1.jpg" alt="single"></a>
											</div>
											<div id="related2" class="tab-pane fade">
												<a class="zoom ex1" href="#"><img class="img-responsive" src="img/product/product-details1.jpg" alt="single"></a>
											</div>	
											<div id="related3" class="tab-pane fade">
												<a class="zoom ex1" href="#"><img class="img-responsive" src="img/product/product-details1.jpg" alt="single"></a>
											</div>									
										</div>
										<ul>
											<li class="active"><a aria-expanded="false" data-toggle="tab" href="#related1"><img class="img-responsive" src="img/product/product-details4.jpg" alt="related1"></a>
											</li>
											<li><a aria-expanded="false" data-toggle="tab" href="#related2"><img class="img-responsive" src="img/product/product-details4.jpg" alt="related2"></a>
											</li>
											<li><a aria-expanded="false" data-toggle="tab" href="#related3"><img class="img-responsive" src="img/product/product-details4.jpg" alt="related3"></a>
											</li>											
										</ul>
									</div>
								</div>
								<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
									<div class="inner-product-details-right">
										<h3>Product Title Here</h3>
										<ul>
											<li><i aria-hidden="true" class="fa fa-star"></i></li>
											<li><i aria-hidden="true" class="fa fa-star"></i></li>
											<li><i aria-hidden="true" class="fa fa-star"></i></li>
											<li><i aria-hidden="true" class="fa fa-star"></i></li>		
											<li><i aria-hidden="true" class="fa fa-star"></i></li>
										</ul>										
										<p class="price">$59.00</p>
										<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tinc amet risus consectetur, non consectetur nisl finibus. Ut ac eros quis mi volutpat cursus vel non risus.</p>
										<div class="product-details-content">
											<p><span>SKU:</span> 0010</p>
											<p><span>Availability:</span> In stock</p>
											<p><span>Category:</span> Demo Products</p>	
										</div>
										<ul class="product-details-social">
											<li>Share:</li>
											<li><a href="#"><i aria-hidden="true" class="fa fa-facebook"></i></a></li>
											<li><a href="#"><i aria-hidden="true" class="fa fa-twitter"></i></a></li>
											<li><a href="#"><i aria-hidden="true" class="fa fa-linkedin"></i></a></li>
											<li><a href="#"><i aria-hidden="true" class="fa fa-pinterest"></i></a></li>
										</ul>										
										<ul class="inner-product-details-cart">
											<li><a href="#">Add To Cart</a></li>
											<li>
												<div class="input-group quantity-holder" id="quantity-holder">
												    <input type="text" placeholder="1" value="1" class="form-control quantity-input" name="quantity">
												    <div class="input-group-btn-vertical">
													    <button type="button" class="btn btn-default quantity-plus"><i aria-hidden="true" class="fa fa-plus"></i></button>
													    <button type="button" class="btn btn-default quantity-minus"><i aria-hidden="true" class="fa fa-minus"></i></button>
												    </div>
												</div>
											</li>
											<li><a href="#"><i class="fa fa-heart-o" aria-hidden="true"></i></a></li>	
										</ul>
									</div>
								</div>
							</div>							
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="#" class="btn-services-shop-now" data-dismiss="modal">Close</a>
				</div>
		    </div>
		</div>
		<!-- Modal Dialog Box End Here-->
		<!-- Style Switch Start Here -->
		<link id="switch_style" href="#" rel="stylesheet" type="text/css">
		<div class="style-switch left" id="switch-style">
			<a id="toggle-switcher" class="switch-button" title="Change Styles">
				<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
			</a>
			<div class="switched-options">
				<div class="config-title">Style Switcher</div>      
				<ul class="list-unstyled styles">
					<li><a href="#" title="black" class="black color" id="black"></a></li>
					<li><a href="#" title="amber" class="amber color" id="amber"> </a></li>
					<li><a href="#" title="blue-grey" class="blue-grey color" id="blue-grey"> </a></li>
					<li><a href="#" title="blue" class="blue color" id="blue"> </a></li>
					<li><a href="#" title="cyan" class="cyan color" id="cyan"> </a></li>
					<li><a href="#" title="deep orange" class="deep-orange color" id="deep-orange"> </a></li>
					<li><a href="#" title="deep-purle" class="deep-purle color" id="deep-purle"> </a></li>
					<li><a href="#" title="green" class="green color" id="green"> </a></li>
					<li><a href="#" title="indigo" class="indigo color" id="indigo"> </a></li>
					<li><a href="#" title="light-blue" class="light-blue color" id="light-blue"> </a></li>
					<li><a href="#" title="light-green" class="light-green color" id="light-green"></a></li>
					<li><a href="#" title="lime" class="lime color" id="lime"></a></li>
					<li><a href="#" title="orange" class="orange color" id="orange"></a></li>
					<li><a href="#" title="palette" class="palette color" id="palette"></a></li>
					<li><a href="#" title="pink" class="pink color" id="pink"></a></li>
					<li><a href="#" title="purple" class="purple color" id="purple"></a></li>
					<li><a href="#" title="red" class="red color" id="red"></a></li>
					<li><a href="#" title="teal" class="teal color" id="teal"></a></li>
				</ul>
			</div>
		</div>
		<!-- Style Switch End Here -->
		<!-- Preloader Start Here -->
	    <div id="preloader"></div>
	    <!-- Preloader End Here -->
	    <!-- jquery-->	
        <script src="js/vendor/jquery-2.2.4.min.js" type="text/javascript"></script>
        
		<!-- Bootstrap js -->
        <script src="js/bootstrap.min.js" type="text/javascript"></script>

     	<!-- Owl Cauosel JS -->
		<script src="js/owl.carousel.min.js" type="text/javascript"></script>

		<!-- Nivo slider js -->
		<script src="lib/custom-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
		<script src="lib/custom-slider/home.js" type="text/javascript"></script>
		
		<!-- Meanmenu Js -->
		<script src="js/jquery.meanmenu.min.js" type="text/javascript"></script>

		<!-- WOW JS -->		
        <script src="js/wow.min.js" type="text/javascript"></script>

		<!-- Plugins js -->
        <script src="js/plugins.js" type="text/javascript"></script>

        <!-- Countdown js -->
        <script src="js/jquery.countdown.min.js" type="text/javascript"></script>

		<!-- Srollup js -->
		<script src="js/jquery.scrollUp.min.js" type="text/javascript"></script>

		<!-- Isotope js -->
		<script src="js/isotope.pkgd.min.js" type="text/javascript"></script>

		<!-- Switch js -->
     	<script src="js/switch-style.js" type="text/javascript"></script> 
        
        <!-- Custom Js -->
        <script src="js/main.js" type="text/javascript"></script> 
 
    </body>
</html>
